<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
	 
			//1.querySelector()方法接收一个 CSS 选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回 null。
			         var body = document.querySelector("body");
			//2.querySelectorAll()方法接收的参数与 querySelector()方法一样，都是一个 CSS 选择符，但返回的是所有匹配的元素而不仅仅是一个元素。
		    //  这个方法返回的是一个 NodeList 的实例。
			         var selecteds = document.querySelectorAll(".selected"); 
			//3.mathesSelector()方法,这个方法接收一个参数，即 CSS 选择符，如果调用元素与该选择符匹配，返回 true；否则，返回 false。
			        if (document.body.matchesSelector("body.page1")){ 
						 //true
					} 
		</script>
	</body>
</html>
